@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.migrations-commissions {
	.consolidated-commissions {
		display: flex;
		gap: 24px;
		flex-direction: column;

		.card {
			/* stylelint-disable-next-line scales/radii */
			border-radius: 6px;
			width: 100%;
			padding: 24px;

			.consolidated-commissions__value {
				@include heading-x-large;
				color: var(--color-accent-100);
				margin-block-end: 8px;
			}
			.consolidated-commissions__label {
				@include body-medium;
				color: var(--color-accent);
				text-wrap: nowrap;
			}
		}
	}
}
